<template>
	<view>
		<uni-collapse :accordion="true">
			<uni-collapse-item v-for="item in accordion" :key="item.id" :title="item.title" :show-animation="item.animation">
				<view class="content" v-html="item.content"></view>
			</uni-collapse-item>
		</uni-collapse>
		
		<view class="body">
			<button type="primary" class="user-set-btn" hover-class="exit-hover">意见反馈</button>
		</view>
	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
	export default { 
		components: {
			uniCollapse,
			uniCollapseItem
		},
		data() {
			return {
				accordion: [{
						id: 0,
						title: '客服什么时候在线？',
						content: '亲爱的仿糗友，客服的工作时间为：周一至周六10:00-12:00,12:00-19:00,非工作时间的资讯反馈会自动转为留言，客服上班后会第一时间回复哦~  <br/><br/>PS.紧急问题可以加官方XXXXX进行反馈',
						animation: true
					},
					{
						id: 1,
						title: '忘记账号/昵称/密码怎么办？',
						content: '亲爱的仿糗友，客服的工作时间为：周一至周六10:00-12:00,12:00-19:00,',
						animation: true
					},
					{
						id: 2,
						title: '怎么搜索/查找、关注/取消关注用户?',
						content: '亲爱的仿糗友，客服的工作时间为：周一至周六10:00-12:00,12:00-19:00,',
						animation: true
					}
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	@import "../../common/form.css";
	uni-collapse-item .content{
		color:#333333!important;    
		font-size: 28upx!important;
		padding: 20upx 50upx;
		background-color: #FFFFFF;
	}
	
	.uni-collapse-cell--open {
		background-color: #EEEEEE!important;
	}
</style>
